<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/jsp/common/page_init.jsp" %>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Demo</title>
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/css/draw/monitorHost.css"/>
    <script type="text/javascript" src="<%=contextPath%>/js/draw/monitorDraw.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/js/draw/GooFunc.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/js/draw/schemeShow.js"></script>
    <style type="text/css">
        .schemeShowTable .title{
            width: 35%;
        }
        .schemeShowTable .content{
            width: 65%;
        }
    </style>
</head>
<body>
<div data-options="region:'north',border:false" style="height:60px;">
    <div class="easyui-panel" style="padding:5px;width:100%;">
        <div class="shearch-nav">
            <label>
                <span>监控方案:</span>
                <input id="schemeCode" name="schemeCode" class="easyui-combobox" style="width: 200px;"/>
            </label>
            <%--<label style="margin-top: 4px;">--%>
                <%--<a href="#" class="easyui-linkbutton" id="audioBtn"--%>
                   <%--data-options="iconCls:'icon-undo'">测试音频</a>--%>
            <%--</label>--%>
        </div>
    </div>
    <div  id="draw" style="margin:0px">
    </div>

    <%--中间件详细信息弹出框--%>
    <div class="operate-contant" id="nodeShow-dlg">
        <div class="easyui-layout" fit="true">
            <%--左侧栏--%>
            <div region="west" split="false" style="width:250px;">
                <input type="hidden" id="show_node_code"/>
                <table width="100%" class="schemeShowTable" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td class="title">中间件名称:</td>
                        <td class="content"><span id="show_node_name"></span></td>
                    </tr>
                    <tr>
                        <td class="title">中间件类型:</td>
                        <td class="content"><span id="show_node_type"></span></td>
                    </tr>
                    <tr>
                        <td class="scheme_show_table_td_title">中间件状态:</td>
                        <td scheme_show_table_td_content><span id="show_node_state"></span></td>
                    </tr>
                    <tr>
                        <td class="title">主机名称:</td>
                        <td class="content"><span id="show_host_name"></span></td>
                    </tr>
                    <tr>
                        <td class="title">主机IP:</td>
                        <td class="content"><span id="show_host_ip"></span></td>
                    </tr>
                    <tr>
                        <td class="title">应用名称:</td>
                        <td class="content"><span id="show_app_name"></span></td>
                    </tr>
                </table>
            </div>
            <%--右侧内容--%>
            <div region="center" border="false" border="false">
                <div class="easyui-tabs" fit="true">
                    <div title="任务列表" style="padding:10px;">
                        <table id="taskTable">
                        </table>
                    </div>
                    <div title="Contacts">
                        No contact data.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
